// 商品信息
.pro-msg {
    background: #fff;
    padding-bottom: 30px;
    .pro-img {
        width: 100%;
        height: 412px;
    }
    .pro-other-msg {
        padding: 20px 30px 0;
        .pro-title {
            line-height: 50px;
            margin-bottom: 27px;
        }
        .pro-price-share {
            padding-right: 20px;
            margin-bottom: 40px;
            .pro-price {
                font-size: 48px;
                position: relative;
                top: 23px;
            }
            .share {
                border-left: 2px solid #ddd;
                padding-left: 10px;
            }
            .share-img {
                width: 40px;
                height: 40px;
                margin-bottom: 6px;
            }
        }
        .mode-sales {
            margin-bottom: 30px;
            .express-take {
                margin-right: 20px;
                &:last-child {
                    margin-right: 0;
                }
            }
            .mode-img {
                width: 20px;
                height: 20px;
                margin-right: 6px;
            }
            .mode-text {
                color: #ccc;
            }
            .active {
                color: #0dd13b;
            }
            .sales {
                margin-left: 40px;
            }
        }
        .comment {
            padding: 20px 10px;
            font-size: 26px;
            line-height: 50px;
            background: #f5f5f5;
            text-align: justify;
        }
        .tag,.small-tag {
            height: 40px;
            line-height: 40px;
            padding: 0 18px;
            border: 2px solid #0dd13b;
            border-radius: 4px;
            margin-right: 10px;
        }
        .small-tag {
            margin-right:0;
            border: 2px solid #fc8510;
        }
    }
}

//商品详情、评价记录
.details-evaluate{
    padding:36px 30px 20px;
    margin-bottom:10px;
    .tabs-text{
        display: block;
        margin-right:30px;
        border-bottom:4px solid transparent;
        &:last-child{
            margin-right:0;
        }
    }
    .active{
        color:#0dd13b;
        border-bottom:4px solid #0dd13b;
    }
    .detail-img{
        display: block;
        width: 100%;
    }
    .evaluate-item{
        &:first-child{
            padding-top:0;
        }
        &:last-child{
            padding-bottom:0;
            &::after{
                width: 0;
                height: 0;
                margin-top:0;
            }
        }
        &::after{
            content: '';
            display: block;
            width: 720px;
            height: 2px;
            background:#ccc;
            margin-top:30px;
        }
        .avatar-name-count{
            margin-bottom:10px;
        }
        .avatar{
            width: 30px;
            height: 30px;
            vertical-align: middle;
        }
        .uname{
            margin-left:10px;
        }
        .evaluate-content{
            line-height: 40px;
            margin-bottom:10px;
        }
        .evaluate-img-box{
            flex-wrap: wrap;
        }
        .evaluate-img{
            width: 200px;
            height: 200px;
            margin-right:20px;
            &:nth-child(3n){
                margin-right:0;
            }
            &:first-child,&:nth-child(2),&:nth-child(3){
                margin-top:0;
            }
        }
    }
}

//底部
.bottom-tabs {
    width: 100%;
    height: 98px;
    .server-buy{
        position: fixed;
        bottom:0;
        left:0;
        width: 100%;
        height:98px;
        padding-left: 40px;
        .server-img-text{
            position: relative;
            &::after{
                content: '';
                position: absolute;
                top:20px;
                right:-40px;
                display: block;
                width: 2px;
                height: 60px;
                background:#eee;
            }
        }
        .server-img{
            width: 56px;
            height: 56px;
            display: block;
            margin-bottom:6px;
        }
        .bottom-price{
            margin-left: 308px;
            margin-right:20px;
        }
        .buy-btn{
            width: 200px;
            height: 98px;
            line-height: 98px;
            background:#fc8510;
        }
    }
}

// 遮罩
.shade{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.5);
    z-index: 1;
    .call-server{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .server-tel{
        background:#f5f5f5;
        padding:42px 0;
    }
    .server-txt{
        color:#000;
        &:first-child{
            margin-bottom:22px;
        }
    }
    .call{
        line-height: 98px;
        letter-spacing: 2px;
    }
    .shade-big-pro-img{
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 412px;
    }
}